<ion-view title="{{'exercise' | translate}}">
	<ion-nav-buttons side="left">
		<button menu-toggle="left"class="button button-icon icon ion-navicon"></button>
	</ion-nav-buttons>
	<ion-content class="has-header">
	<div ng-app="app" ng-controller="NewExerciseCtrl">
		<div class="alert alert-info" ng-show="loading">Searching GPS...</div>
		<div class="row" style="padding: 0px; boder: 1px;">
			<div class="col col-50">
				<div class="card">
					<div class="item item-divider" translate="time">
						Time
					</div>
					<div id="div_time" class="item item-text-wrap">
						00:00:00
					</div>
				</div>	  
		  </div>
		  <div class="col col-50">
				<div class="card">
					<div class="item item-divider" translate="speed">
						Speed
					</div>
					<div id="div_speed" class="item item-text-wrap">
						0.00 Km/h
					</div>
				</div>	  	  
		  </div>
		</div>
		
		<img id="spinner" ng-src="img/spinner.gif" style="display:none;">
		
		<div class="row">
			<div class="col col-50">
				<div class="card">
					<div class="item item-divider" translate="distance">
						Distance
					</div>
					<div id="div_distance" class="item item-text-wrap">
						0.0 Km's
					</div>
				</div>	  
		  </div>
		  <div class="col col-50">
				<div class="card">
					<div class="item item-divider">
						Pace
					</div>
					<div id="div_pace" class="item item-text-wrap">
						00:00
					</div>
				</div>	  	  
		  </div>
		</div>

		<div class="row">
			<div class="col col-50">
				<div class="card">
					<div class="item item-divider">
						HRM
					</div>
					<div id="div_hrm" class="item item-text-wrap">
						0
					</div>
				</div>	  
		  </div>
			<div class="col col-50">
				<div class="card">
					<div class="item item-divider" translate="accuracy">
						Accuracy
					</div>
					<div id="div_accuracy" class="item item-text-wrap">
						0 Mt's
					</div>
				</div>	  
		  </div>
		</div>	
		
		<div class="row">
		  <div class="col col-50" style="display:none;">
				<div class="card">
					<div class="item item-divider" translate="calories">
						Calories
					</div>
					<div id="div_calories" class="item item-text-wrap">
						0
					</div>
				</div>	  	  
		  </div>		
		</div>
		
		<div class="row">
			<div class="button-bar">
				<a class="button button-positive" ng-click="start()" translate="start">Start</a>
				<a class="button button-assertive" ng-click="stop()" translate="stop">Stop</a>
			</div>			
		</div>		
	</div>	
  </ion-content>
</ion-view>
